<template>
  <div class="index-wrap">
     <div class="index-wrap">
        <mt-swipe :auto="4000">
 <mt-swipe-item  v-for="item in parent_value"   :key="item.url">
    <img  :src="item.url">
  </mt-swipe-item>
</mt-swipe>
<!-- <mt-swipe :auto="4000">
 <mt-swipe-item  v-for="item in  arrs"   :key="item.url">
    <img  :src="item.url">
  </mt-swipe-item>
</mt-swipe> -->
  </div>
  </div>
</template>

<script>
import axios from 'axios'
import Mint from 'mint-ui';
import Vue from 'vue';
import 'mint-ui/lib/style.css';
import { Swipe, SwipeItem } from 'mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
export default {
  name: 'Index',
  data(){
     return{
         arrs:[],
         value:[]
     }
  },
  
     props: ['parent_value'],
  mounted(){

  },
}
</script>
<style  lang="scss"   scoped>
.mint-swipe {
  height: 200px;

   .mint-swipe-item {
    text-align: center;

    img {
      width: 100%;
      height: 100%;
    }
   } 
}
</style>
